<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%
    String ctx = request.getContextPath();
    request.setAttribute("ctx", ctx);
%>
<html>
<head>
    <title>列表</title>
    <script src="${ctx}/bootstrap/jquery-1.9.1.min.js"></script>
</head>
<body>
<form action="${ctx}/list.do">
    <input type="hidden" name="pageNum" id="pageNum" value="1">
    楼盘：<input type="text" name="rname" value="${region.rname}">
    省:<select id="shen" name="sheng.id" onchange="getshi()"><option value="0">--请选择--</option></select>
    市<select id="shi" name="shi.id" ><option value="0">--请选择--</option></select>
    <input type="submit" value="查询">
</form>
<table border="1px">
    <tr>
        <td>姓名</td>
        <td>省</td>
        <td>市</td>
        <td>县</td>
        <td>商圈</td>
        <td>图片</td>
    </tr>
    <c:forEach items="${list}" var="var" varStatus="vs">
        <tr>
            <td>
                <input type="radio" name="radio" value="${var.rid}">${var.rname}
            </td>
            <td>${var.sheng.name}</td>
            <td>${var.shi.name}</td>
            <td>${var.xian.name}</td>
            <td>
                <c:forEach items="${var.tradings}" var="var1">
                    [${var1.tname}]
                </c:forEach>
            </td>
            <td> <img src="${var.immg}" style="width: 30px;height: 30px"/></td>
        </tr>
    </c:forEach>
    <tr><td colspan="10">
        <a href="${ctx}/toadd.do?rid=0">添加</a>
        <a href="##" onclick="xg()">修改</a>
        <a href="##" onclick="fenye(1)">首页</a>
        <a href="##" onclick="fenye(${pageInfo.isFirstPage?1:pageInfo.prePage})">上一页</a>
        <a href="##" onclick="fenye(${pageInfo.isLastPage?pageInfo.pages:pageInfo.nextPage})">下一页</a>
        <a href="##" onclick="fenye(${pageInfo.pages})">尾页</a>
    </td></tr>
</table>
<script>
    function fenye(pageNum) {
        $("#pageNum").val(pageNum);
        $("form").submit();
    }
    //修改
    function xg() {
        var rid = $("[name='radio']:checked").val();
        window.location.href="${ctx}/toadd.do?rid="+rid;
    }
    //查询省，默认pid=0
    $.post("${ctx}/getByPid.do?pid=0",function (res) {
        for (let x in res) {
            $("#shen").append('<option value="' + res[x].id + '">' + res[x].name + '</option>');
        }
        $("#shen").val("${region.sheng.id}");//回显省
        if("${region.shi.id>0}"){
            getshi();
        }
    })


    //根据选中的省获取市
    function getshi() {
        var pid= $("#shen").val();//获取选中的省的id
        //根据省id，查询省下的所有市
        $.post("${ctx}/getByPid.do?pid="+pid,function (res) {
            $("#shi").html('<option value="0">--请选择--</option>');//清理之前的数据
            for (let x in res) {
                $("#shi").append('<option value="' + res[x].id + '">' + res[x].name + '</option>');
            }
            $("#shi").val("${region.shi.id}");//回显市
        })
    }

</script>
</body>
</html>
